// 轮播图

import React, { useRef } from 'react'
import { Carousel } from 'antd';
import img1 from '../../../public/image/Carousel1.webp'
import img2 from '../../../public/image/Carousel2.webp'
import img3 from '../../../public/image/Carousel3.webp'
import img4 from '../../../public/image/Carousel4.webp'
function RecoCarousel() {
  let image:any = [
    {img:img1},
    {img:img2},
    {img:img3},
    {img:img4},
  ]
  let carousel:any = useRef(null)
  return (
    <div className='Reco_Carousel'>
     
      <Carousel  arrows autoplay infinite={true}>
           {
            image.map((item:any)=>(
              <img src={item.img} key={item.img} alt="" />
            ))
            
            }
      </Carousel>
    </div>
  )
}

export default RecoCarousel